@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

.inTab{
	 height: calc(~"100% - 43.5px") !important;
}

.secretGuard {
    height: 100%;
    background: #fff;
    text-align: center;

    img {
        margin-top: 40px;
    }

    .desc {
        text-align: left;
        padding: 0 7%;
    }

    .outterBtns {
        width: 100%;
        margin-top: 30px;

        .am-button{
        	width: 120px;
        	margin:0 10px;
			display: inline-block;
			height: 40px;
    		line-height: 40px;
        }
    }

    .secSetted{
    	font-size: 16px;
    	padding: 30px 0;

    	span:last-child{
    		color:#55b1f9;
    	};
    }
}

.verificationCode {
    img {
        width: 70px;
        height: 40px;
    }
}

.secSetting {
    height: 100%;
    background: @fill-body;
    display: flex;
    flex-direction: column;

    .upper {
        background: #fff;
        padding-bottom: 20px;

        &>div {
            padding: 25px;
        }

        &>p {
            padding-left: 50px;
            padding-right: 10px;
            margin-bottom: 0;
            margin-top: 10px;
            color: #999;
        }

        .stepTitle {
            display: flex;
            justify-content: space-between;
            padding: 0 5%;

            .am-steps-item-icon .am-steps-icon {
                color: #999;
            }

            .am-steps-item-icon+span {
                vertical-align: sub;
                color: #999;
                font-size: 16px;
            }

            &>div:last-child {
                svg {
                    padding: 0 5px;
                }
            }
        }
    }

    .white{
    	background: #fff;
    }

    .down {
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        flex-grow: 1;

        .verify{
	        .am-list{
	        	padding-top: 10px;

	        	.am-list-body {
	        	 	.am-list-form:last-child {
	                    .am-list-form-body {
	                        border-bottom: 0;
	                    }
	                }
	        	}
	        }
        }

        .finish{
			text-align: center;
    		margin-top: 20%;
        }


        .am-list-header {
            .am-checkbox-wrapper>span:last-child {
                vertical-align: middle;
                margin-left: 10px;
            }
        }

        .am-list-body {
            .am-checkbox {
                margin-left: 15px;
            }

            .am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox-inner {
                left: 0;
            }
        }

        .qas {
            &>label {
                line-height: 50px;
                padding-left: 8px;

                span {
                    padding-left: 9px;
                }
            }

            .checkAll {}

            &>div:first-child {
                margin-top: 0;
            }

            .qa {
                margin-bottom: 10px;
            }

            .qa {
                .am-checkbox-wrapper {
                    width: 100%;
                    display: inline-block;
                    background: #fff;
                    line-height: 44px;
                    padding-left: 8px;

                    span {
                        padding-left: 9px;
                    }
                }

                .am-list-body {
                    &>div {
                        &:first-child {
                            .am-list-form-body {
                                border-top: 1px solid #ddd;
                            }
                        }

                        &:last-child {
                            .am-list-form-body {
                                border-bottom: 0;
                            }
                        }

                    }

                    .am-input-label {
                        padding-left: 30px;
                    }
                }

                .serial {}

            }
        }

    }

    .foot{
    	height: 47px;
    }

}


.am-list-item .am-input-extra {
    max-height: 40px;
}

.am-list-item.am-input-item {
    padding-left: 0;
}

.am-list-item .am-list-line {
    padding-right: 0
}

.am-input-control input{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}